<template>
    <div class="list">
        <ConsItem 
            title="今日日期"
            :content="data.datetime"
        />
        <ConsItem 
            title="配对星座"
            :content="data.QFriend"
        />
        <ConsItem 
            title="幸运颜色"
            :content="data.color"
        />
        <ConsItem 
            title="幸运数字"
            :content="data.number"
        />
        <Summary 
            filed="今日"
            :contnet="data.summary"
        />
    </div>
</template>

<script>
import ConsItem from 'comps/common/ConsItem.vue';
import Summary from 'comps/common/Summary.vue';

export default {
    name: 'TodayList',
    props: {
        data: Object
    },
    components: {
        ConsItem,
        Summary
    }
}
</script>

<style lang='scss'>
.list {
  padding: .15rem .1rem;
  box-sizing: borer-box;
}
</style>
